<!--主页面-->                                  <!--mainpage-->
<div class="PageWrapper nonav" id="mainpage" style="display: block">
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header">
            <div class="header_main">
                <button class="mweb_modal_back_button"></button>
                <div class="title">
                    标签
                </div>
                <div class="header_action_buttons" style="height: 100%" id="addnewlabelbtn">
                    新建
                </div>
            </div>
        </div>
    </div>
    <!-- 加载群组部分-->
    <div id="labelplace">

    </div>
</div>
<!--标签详情页 -->
<div class="PageWrapper nonav" id="labelpage" style="display: none">
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header">
            <div class="header_main">
                <button class="mweb_modal_back_button" id="labelgobackbtn"></button>
                <div class="title">
                    标签成员
                </div>
                <div class="header_action_buttons" style="height: 100%" id="savechangebtn">
                    保存
                </div>
            </div>
        </div>
    </div>
    <!--页面部分-->
    <div class="labelpagetitle">
        <div class="labeltitle">
            标签名字
        </div>
        <div id="changelabelname">
            <input type="text"/>
        </div>
        <div class="labeltitle">
            标签成员
        </div>
        <div class="memberplace">
            <!-- +号 -->
            <div class="memberbox1" style="margin-bottom:20px;" id="addmemberbtn">
                <a>
                    <img src="img/addimgbackground2.png" style="border: 1px solid #AAB8B8;border-radius: 4px"/>
                </a>
            </div>
            <!-- -号 -->
            <div class="memberbox1" style="margin-bottom:20px;" id="delmemberbtn">
                <a href="#">
                    <img src="img/jianhao03.png" style="border: 1px solid #AAB8B8;border-radius: 4px"/>
                </a>
            </div>
        </div>
        <div id="deletelabelbtn">
            删除标签
        </div>
    </div>
</div>
<!--好友列表页-->
<div class="PageWrapper nonav" id="imgchoicefriend" style="display:none;margin-top:102px;">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="friendgobackbtn"></button>
                    <div class="title">
                        选择好友
                    </div>
                    <div class="header_action_buttons" style="height: 100%" id="imgchoicedFDokbtn">
                        确定
                    </div>
                </div>
            </div>
        </div>
        <!-- 搜索框-->
        <div class="inputsearchbox">
            <div>
                <div class="header_action_buttons mweb_lookup_bar_has_input">
                    <div class="mweb_lookup_bar_input_wrapper ">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;position:relative;font-size: 14px; color:#BC7F74;">
                            <div id="csearchbtn"></div>
                            <input type="text" id="csearchinput" placeholder="搜索"  maxlength="15"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 好友列表部分-->
        <div id="listplace" style="display: block;">
            <div class="Section">
                <!-- 主列表-->
                <div class="Cell" id="a">
                    <div id="jinghao" style="display: none">
                        <div class="section_header section_header_gray">
                            <span>#</span>
                        </div>
                    </div>
                </div>
                <!-- 搜索列表-->
                <div class="Cell" id="a1">
                    <div id="jinghao1" style="display: none">
                        <div class="section_header section_header_gray">
                            <span>#</span>
                        </div>
                    </div>
                </div>
                <!--右侧导航条-->
                <div class="rightnav1" style="display: block;">
                    <div id="jinghaobtn"><a href="#">#</a></div>
                    <div class="zmbtn">A</div>
                    <div class="zmbtn">B</div>
                    <div class="zmbtn">C</div>
                    <div class="zmbtn">D</div>
                    <div class="zmbtn">E</div>
                    <div class="zmbtn">F</div>
                    <div class="zmbtn">G</div>
                    <div class="zmbtn">H</div>
                    <div class="zmbtn">I</div>
                    <div class="zmbtn">J</div>
                    <div class="zmbtn">K</div>
                    <div class="zmbtn">L</div>
                    <div class="zmbtn">M</div>
                    <div class="zmbtn">N</div>
                    <div class="zmbtn">O</div>
                    <div class="zmbtn">P</div>
                    <div class="zmbtn">Q</div>
                    <div class="zmbtn">R</div>
                    <div class="zmbtn">S</div>
                    <div class="zmbtn">T</div>
                    <div class="zmbtn">U</div>
                    <div class="zmbtn">V</div>
                    <div class="zmbtn">W</div>
                    <div class="zmbtn">X</div>
                    <div class="zmbtn">Y</div>
                    <div class="zmbtn">Z</div>
                </div>
            </div>
        </div>
    </div>
</div>